.textOverflow() {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.textOverflowMulti(@line: 3, @bg: #fff) {
    overflow: hidden;
    position: relative;
    line-height: 1.5em;
    max-height: @line * 1.5em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;

    &:before {
        background: @bg;
        content: '...';
        padding: 0 1px;
        position: absolute;
        right: 14px;
        bottom: 0;
    }

    &:after {
        background: white;
        content: '';
        margin-top: 0.2em;
        position: absolute;
        right: 14px;
        width: 1em;
        height: 1em;
    }
}
.wordWrap {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.userName {
    cursor: pointer;
    padding-left: 19px;
}
.userNameFlag {
    padding-left: 0;
}

// mixins for clearfix
// ------------------------
.clearfix() {
    zoom: 1;

    &:before,
    &:after {
        content: ' ';
        display: table;
    }

    &:after {
        clear: both;
        visibility: hidden;
        font-size: 0;
        height: 0;
    }
}
